/*
 * @Date: 2022-12-05 14:19:07
 * @Autor: lx
 * @LastEditors: lipengxi 2899952565@qq.com
 * @LastEditTime: 2022-12-12 22:56:59
 * @FilePath: /lg-study/Part3_Vue/vdom-snabbdom/src/demo1.js
 */
import { init } from "snabbdom/build/package/init"
import { h } from "snabbdom/build/package/h"

let patch = init([])

// h函数的参数
// 第一个参数：标签+选择器
// 第二个参数：如果是字符串表示标签中的文本内容
let vnode = h("div#container.cls", "hello word")
let app = document.querySelector("#app")

// patch函数的参数
// 第一个参数：旧的VNode，也可以是DOM元素
// 第二个参数：新的VNode

let oldVnode = patch(app, vnode)
vnode = h("div#container.lx", "hello lx")

patch(oldVnode, vnode)